<!DOCTYPE html>
<html lang="zh-CN" ng-app="ionicApp">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <title>Ionic Slider</title>
    <style>
        body {
            cursor: url('http://www.runoob.com/try/demo_source/finger.png'), auto;
        }
    </style>
    <link rel="stylesheet" type="text/css" href="css/ionic.css">
    <script type="text/javascript" src="js/ionic.bundle.min.js"></script>
    <script>
        angular.module('ionicApp', ['ionic'])
                .controller('ContentController', function ($scope, $ionicSideMenuDelegate) {
                    $scope.toggleLeft = function () {
                        $ionicSideMenuDelegate.toggleLeft();
                    };

                });
    </script>
</head>

<body>
<ion-side-menus>
    <!-- 中间内容 -->
    <ion-side-menu-content ng-controller="ContentController">
        中间
    </ion-side-menu-content>

    <!-- 左侧菜单 -->
    <ion-side-menu side="left">
        左侧
    </ion-side-menu>

    <!-- 右侧菜单 -->
    <ion-side-menu side="right">
        右侧
    </ion-side-menu>

</ion-side-menus>
</body>
</html>
